import Vue from "vue";
import VueRouter from "vue-router";

import MyHome from "@/components/MyHome.vue";
import MyMovie from "@/components/MyMovie.vue";
import MyAbout from "@/components/MyAbout.vue";
import AboutYou from "@/components/AboutYou.vue";
import AboutMe from "@/components/AboutMe.vue";

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    { path: "/home", component: MyHome },
    { path: "/movie", component: MyMovie },
    {
      path: "/about",
      component: MyAbout,
      children: [
        { path: "you", component: AboutYou },
        { path: "me", component: AboutMe },
      ],
    },
  ],
});

export default router;
